<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
    window
        history     历史
        location    地址栏
        document    浏览器打开的.html文档
        console     F12开发者工具的控制台
        screen      屏幕
        navigator   浏览器软件本身
        sessionStorage  会话级存储(浏览器关闭数据清除)
        localStorage    持久级存储(浏览器关闭数据还在)

    window对象  API
    window对象属性  API
    通过window对象及其属性的API
    控制浏览器的属性和行为
    -->
    <script>
        /*
        window 对象是由浏览器提供给我们使用的，无需自己创建
            window.可以省略不写
            三种弹窗方式
                alert
                prompt
                confirm
            定时任务
                setTimeout()
            
            history 窗口的访问历史

            location
                sessionStorage  会话级存储(浏览器关闭数据清除)
                localStorage    持久级存储(浏览器关闭数据还在)
        */
       function fun1(){
        window.alert("hello")
       }
       function fun2(){
        var name=window.prompt("请输入姓名：")
        console.log(name)
       }
       function fun3(){
        var flag=window.confirm("确定要删除吗？")
        console.log(flag)
       }
       function fun4(){
        window.setTimeout(function(){
            console.log("hello")
        },2000)
       }
       function funa(){
        //向前翻页
        history.back()
       }
       function funb(){
        //向前翻页
        // history.forward()
         history.go(1)//go()向前翻多少页
       }
       function func(){
        location.href="http://www.lcsjsxy.cn/"  //修改地址栏中的url
       }
       function fund(){
        //向sessionStorage中存储数据
        sessionStorage.setItem("keya","valueA")
        //向localStorage中存储数据
        localStorage.setItem("keyb","valueB")
       }
       function fune(){
        console.log(sessionStorage.getItem("keya"))
        console.log(localStorage.getItem("keyb"))
       }
       function funf(){
        sessionStorage.removeItem("keya")
        localStorage.removeItem("keyb")
       }
    </script>
</head>
<body>
    <button onclick="fund()">存储数据</button>
    <button onclick="fune()">读取数据</button>
    <button onclick="funf()">清空数据</button>
    <hr>
    <button onclick="func()">聊城市技师学院</button>
    <hr>
    <button onclick="funa()">上一页</button>
    <button onclick="funb()">下一页</button>
    <a href="http://www.lcsjsxy.cn/">聊城市技师学院</a>
    <hr>
    <button onclick="fun1()">信息提示框</button>
    <button onclick="fun2()">信息输入框</button>
    <button onclick="fun3()">信息确认框</button>
    <button onclick="fun4()">两秒后向控制台打印hello</button>
    <button onclick="fun5()"></button>
</body>
</html>